<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../font/iconfont.css">
    <link rel="stylesheet" href="../css/list.css">
    <script src="../js/utils.js"></script>
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>

</head>
<body>

    <div class="banner">
        <p>智能家居</p>
        <p class="p1-list">手机电脑</p>
        
    </div>
    <div class="assort">
        <div class="assorttop">
            <p>种类</p>
            <ul class="assorttopul">
            <!-- 渲染 -->
            </ul>
        </div>
        <div class="assortcenter">
            <p>价格</p>
            <ul class="assortcenterul">
                
            </ul>
        </div>
        <div class="assortbottom">
            <p>积分</p>
            <ul class="assortbottomul">
            
            </ul>
        </div>
        <div class="assortan">
            <p>排序</p>
            <ul class="assortase">
                <li class="exit"  data-order_by="0" data-order_key="综合">综合</li>
                <li class="exit"  data-order_by="1" data-order_key="价格">价格升序</li>
                <li class="exit"  data-order_by="0" data-order_key="价格">价格降序</li>
            </ul>
        </div>
        <div class="word">
            <select>
                <option value="12">12</option>
                <option value="16">16</option>
                <option value="20">20</option>
                <option value="24">24</option>
              </select>
              <button class="prev">上一页</button>
              <button class="next">下一页</button>
        </div>
    </div>
    
    <div class="box">
        <p class="cart" style="color: red; font-weight: 600; font-size: 24px;border:2px solid red; height: 50px; line-height: 50px; padding: 0 20px; z-index: 1000;">购物车</p>
        <ul name="ul ">
            <!-- <li class="li1">
                <p class="img">
                    <a href=""><img src="https://ceair.oss-cn-shanghai.aliyuncs.com/image/Product/20210705/ps_6520cb76-4179-46bf-9fe4-ff311eb208d0.jpg" alt=""></a>
                </p>
                <p class="head">
                    <a href="">1465</a>
                </p>
                <p class="price">
                    <span class="small">
                        ￥455
                    </span>
                </p>
                <p class="maxPoint">
                    最高可使用465积分
                </p>
                <p class="btn">
                    <a href="./detail.html?id=$465">
                        加入购物车
                        <i></i>
                    </a>
                </p>
            </li> -->
        </ul>
        <div class="box1 m-style"></div>
    </div>
    <div class="able">
        <div class="container-fluid">
            <img src="https://ceair-resource.oss-cn-shanghai.aliyuncs.com/shopping/pc/assets/images/service.png" />
        </div>
    </div>
    
    
    
</body>
<script src="../js/list.js"></script>
</html>




<!-- /*

?&key_word=MI%20小米
&c=search02
&category3_id=
&brand_id=
&request=
&page=1   页数
size: 24 个数
from_price=0&to_price=100  价格
from_points: 1000 & to_points: 3000 积分

&category2_id=19&pk_campaign=spfl_a2_b0&category3_id=&brand_id=&request=&page=1&order_by=0&order_key=价格
*/ -->
